<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<%@include file="admin-head.jsp"%>
<body>
<div id="wrapper">
  <%@include file="admin-nav.jsp"%>
  <div id="page-wrapper">
    <div class="row">
      <div class="col-lg-12">
        <h1 class="page-header">首页</h1>
      </div>
      <!-- /.col-lg-12 -->
    </div>
    <!-- /.row -->
    <div class="row">
      <div class="col-lg-3 col-md-6">
        <div class="panel panel-primary">
          <div class="panel-heading">
            <div class="row">
              <div class="col-xs-3">
                <i class="fa fa-comments fa-5x"></i>
              </div>
              <div class="col-xs-9 text-right">
                <div class="huge">26</div>
                <div>新建注释!</div>
              </div>
            </div>
          </div>
          <a href="#">
            <div class="panel-footer">
              <span class="pull-left">查看详细信息</span>
              <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
              <div class="clearfix"></div>
            </div>
          </a>
        </div>
      </div>
      <div class="col-lg-3 col-md-6">
        <div class="panel panel-green">
          <div class="panel-heading">
            <div class="row">
              <div class="col-xs-3">
                <i class="fa fa-tasks fa-5x"></i>
              </div>
              <div class="col-xs-9 text-right">
                <div class="huge">12</div>
                <div>新建任务!</div>
              </div>
            </div>
          </div>
          <a href="#">
            <div class="panel-footer">
              <span class="pull-left">查看详细信息</span>
              <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
              <div class="clearfix"></div>
            </div>
          </a>
        </div>
      </div>
      <div class="col-lg-3 col-md-6">
        <div class="panel panel-yellow">
          <div class="panel-heading">
            <div class="row">
              <div class="col-xs-3">
                <i class="fa fa-shopping-cart fa-5x"></i>
              </div>
              <div class="col-xs-9 text-right">
                <div class="huge">124</div>
                <div>新订单!</div>
              </div>
            </div>
          </div>
          <a href="#">
            <div class="panel-footer">
              <span class="pull-left">查看详细信息</span>
              <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
              <div class="clearfix"></div>
            </div>
          </a>
        </div>
      </div>
      <div class="col-lg-3 col-md-6">
        <div class="panel panel-red">
          <div class="panel-heading">
            <div class="row">
              <div class="col-xs-3">
                <i class="fa fa-support fa-5x"></i>
              </div>
              <div class="col-xs-9 text-right">
                <div class="huge">13</div>
                <div>支持票证!</div>
              </div>
            </div>
          </div>
          <a href="#">
            <div class="panel-footer">
              <span class="pull-left">查看详细信息</span>
              <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
              <div class="clearfix"></div>
            </div>
          </a>
        </div>
      </div>
    </div>
    <!-- /.row -->
    <div class="row">
      <div class="col-lg-8">
        <div class="panel panel-default">
          <div class="panel-heading">
            <i class="fa fa-bar-chart-o fa-fw"></i>折线图示例
            <div class="pull-right">
              <div class="btn-group">
                <button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">
                  更多
                  <span class="caret"></span>
                </button>
                <ul class="dropdown-menu pull-right" role="menu">
                  <li><a href="#">行动</a>
                  </li>
                  <li><a href="#">另一个动作</a>
                  </li>
                  <li><a href="#">其他</a>
                  </li>
                  <li class="divider"></li>
                  <li><a href="#">分离的链接</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <!-- /.panel-heading -->
          <div class="box-body chart-responsive">
            <div class="chart" id="line-chart" style="height: 300px;"></div>
          </div>
          <!-- /.panel-body -->
        </div>
        <!-- /.panel -->
        <div class="panel panel-default">
          <div class="panel-heading">
            <i class="fa fa-bar-chart-o fa-fw"></i>条形图示例
            <div class="pull-right">
              <div class="btn-group">
                <button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">
                  更多
                  <span class="caret"></span>
                </button>
                <ul class="dropdown-menu pull-right" role="menu">
                  <li><a href="#">行动</a>
                  </li>
                  <li><a href="#">另一个动作</a>
                  </li>
                  <li><a href="#">其他</a>
                  </li>
                  <li class="divider"></li>
                  <li><a href="#">分离的链接</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <!-- /.panel-heading -->
          <div class="panel-body">
            <div class="row">
              <div class="col-lg-4">
                <div class="table-responsive">
                  <table class="table table-bordered table-hover table-striped">
                    <thead>
                    <tr>
                      <th>#</th>
                      <th>Date</th>
                      <th>Time</th>
                      <th>Amount</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                      <td>3326</td>
                      <td>10/21/2013</td>
                      <td>3:29 PM</td>
                      <td>$321.33</td>
                    </tr>
                    <tr>
                      <td>3325</td>
                      <td>10/21/2013</td>
                      <td>3:20 PM</td>
                      <td>$234.34</td>
                    </tr>
                    <tr>
                      <td>3324</td>
                      <td>10/21/2013</td>
                      <td>3:03 PM</td>
                      <td>$724.17</td>
                    </tr>
                    <tr>
                      <td>3323</td>
                      <td>10/21/2013</td>
                      <td>3:00 PM</td>
                      <td>$23.71</td>
                    </tr>
                    <tr>
                      <td>3322</td>
                      <td>10/21/2013</td>
                      <td>2:49 PM</td>
                      <td>$8345.23</td>
                    </tr>
                    <tr>
                      <td>3321</td>
                      <td>10/21/2013</td>
                      <td>2:23 PM</td>
                      <td>$245.12</td>
                    </tr>
                    <tr>
                      <td>3320</td>
                      <td>10/21/2013</td>
                      <td>2:15 PM</td>
                      <td>$5663.54</td>
                    </tr>
                    <tr>
                      <td>3319</td>
                      <td>10/21/2013</td>
                      <td>2:13 PM</td>
                      <td>$943.45</td>
                    </tr>
                    </tbody>
                  </table>
                </div>
                <!-- /.table-responsive -->
              </div>
              <!-- /.col-lg-4 (nested) -->
              <div class="col-lg-8">
                <div class="chart" id="bar-chart" style="height: 300px;"></div>
              </div>
              <!-- /.col-lg-8 (nested) -->
            </div>
            <!-- /.row -->
          </div>
          <!-- /.panel-body -->
        </div>
        <!-- /.panel -->
        <div class="panel panel-default">
          <div class="panel-heading">
            <i class="fa fa-clock-o fa-fw"></i>响应时间线
          </div>
          <!-- /.panel-heading -->
          <div class="panel-body">
            <ul class="timeline">
              <li>
                <div class="timeline-badge"><i class="fa fa-check"></i>
                </div>
                <div class="timeline-panel">
                  <div class="timeline-heading">
                    <h4 class="timeline-title">我对此感到抱歉。</h4>
                    <p><small class="text-muted"><i class="fa fa-clock-o"></i>11小时前通过推特</small>
                    </p>
                  </div>
                  <div class="timeline-body">
                    <p>如果他处于痛苦之中，他将被认为是无助的。你可以在每一次锻炼中看到分娩的痛苦。女士们，先生们，办公室工作吗？这是我来的时候，除了你。现在的大部分时间，但他同意按照他说的去做，你应该去做。</p>
                  </div>
                </div>
              </li>
              <li class="timeline-inverted">
                <div class="timeline-badge warning"><i class="fa fa-credit-card"></i>
                </div>
                <div class="timeline-panel">
                  <div class="timeline-heading">
                    <h4 class="timeline-title">我对此感到抱歉</h4>
                  </div>
                  <div class="timeline-body">
                    <p>如果他处于痛苦之中，他将被认为是无助的。否则，他们会在一些人的痛苦中找到安慰，他们会找到伟大的志愿者，这就是问题所在。时间不多了。另一项工作是取消该工作。</p>
                    <p>如果他处于痛苦之中，他将被认为是无助的。大多数人讨厌那些及时的人，我会向他们解释你应得的！我接受她的志愿者，或者少招募她。</p>
                  </div>
                </div>
              </li>
              <li>
                <div class="timeline-badge danger"><i class="fa fa-bomb"></i>
                </div>
                <div class="timeline-panel">
                  <div class="timeline-heading">
                    <h4 class="timeline-title">我对此感到抱歉</h4>
                  </div>
                  <div class="timeline-body">
                    <p>如果他处于痛苦之中，他将被认为是无助的。你可以在每一次锻炼中看到分娩的痛苦。女士们，先生们，办公室工作吗？这是我来的时候，除了你。现在的大部分时间，但他同意按照他说的去做，你应该去做。</p>
                  </div>
                </div>
              </li>
              <li class="timeline-inverted">
                <div class="timeline-panel">
                  <div class="timeline-heading">
                    <h4 class="timeline-title">我对此感到抱歉</h4>
                  </div>
                  <div class="timeline-body">
                    <p>如果他处于痛苦之中，他将被认为是无助的。你可以在每一次锻炼中看到分娩的痛苦。女士们，先生们，办公室工作吗？这是我来的时候，除了你。现在的大部分时间，但他同意按照他说的去做，你应该去做。</p>
                  </div>
                </div>
              </li>
              <li>
                <div class="timeline-badge info"><i class="fa fa-save"></i>
                </div>
                <div class="timeline-panel">
                  <div class="timeline-heading">
                    <h4 class="timeline-title">我对此感到抱歉</h4>
                  </div>
                  <div class="timeline-body">
                    <p>如果他处于痛苦之中，他将被认为是无助的。你可以在每一次锻炼中看到分娩的痛苦。女士们，先生们，办公室工作吗？这是我来的时候，除了你。现在的大部分时间，但他同意按照他说的去做，你应该去做。</p>
                    <hr>
                    <div class="btn-group">
                      <button type="button" class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-gear"></i> <span class="caret"></span>
                      </button>
                      <ul class="dropdown-menu" role="menu">
                        <li><a href="#">行动</a>
                        </li>
                        <li><a href="#">另一个动作</a>
                        </li>
                        <li><a href="#">其他</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="#">分离的链接</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </li>
              <li>
                <div class="timeline-panel">
                  <div class="timeline-heading">
                    <h4 class="timeline-title">Lorem ipsum dolor</h4>
                  </div>
                  <div class="timeline-body">
                    <p>如果他处于痛苦之中，他将被认为是无助的。你可以在每一次锻炼中看到分娩的痛苦。女士们，先生们，办公室工作吗？这是我来的时候，除了你。现在的大部分时间，但他同意按照他说的去做，你应该去做。</p>
                  </div>
                </div>
              </li>
              <li class="timeline-inverted">
                <div class="timeline-badge success"><i class="fa fa-graduation-cap"></i>
                </div>
                <div class="timeline-panel">
                  <div class="timeline-heading">
                    <h4 class="timeline-title">Lorem ipsum dolor</h4>
                  </div>
                  <div class="timeline-body">
                    <p>如果他处于痛苦之中，他将被认为是无助的。你可以在每一次锻炼中看到分娩的痛苦。女士们，先生们，办公室工作吗？这是我来的时候，除了你。现在的大部分时间，但他同意按照他说的去做，你应该去做。</p>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <!-- /.panel-body -->
        </div>
        <!-- /.panel -->
      </div>
      <!-- /.col-lg-8 -->
      <div class="col-lg-4">
        <div class="panel panel-default">
          <div class="panel-heading">
            <i class="fa fa-bell fa-fw"></i>通知面板
          </div>
          <!-- /.panel-heading -->
          <div class="panel-body">
            <div class="list-group">
              <a href="#" class="list-group-item">
                <i class="fa fa-comment fa-fw"></i>新建注释
                <span class="pull-right text-muted small"><em>4分钟前</em>
                                      </span>
              </a>
              <a href="#" class="list-group-item">
                <i class="fa fa-twitter fa-fw"></i>3名新追随者
                <span class="pull-right text-muted small"><em>12分钟前</em>
                                      </span>
              </a>
              <a href="#" class="list-group-item">
                <i class="fa fa-envelope fa-fw"></i>已发送消息
                <span class="pull-right text-muted small"><em>27分钟前</em>
                                      </span>
              </a>
              <a href="#" class="list-group-item">
                <i class="fa fa-tasks fa-fw"></i>新建任务
                <span class="pull-right text-muted small"><em>43分钟前</em>
                                      </span>
              </a>
              <a href="#" class="list-group-item">
                <i class="fa fa-upload fa-fw"></i>服务器已重新启动
                <span class="pull-right text-muted small"><em>11:32 AM</em>
                                      </span>
              </a>
              <a href="#" class="list-group-item">
                <i class="fa fa-bolt fa-fw"></i>服务器崩溃
                <span class="pull-right text-muted small"><em>11:13 AM</em>
                                      </span>
              </a>
              <a href="#" class="list-group-item">
                <i class="fa fa-warning fa-fw"></i>服务器未响应
                <span class="pull-right text-muted small"><em>10:57 AM</em>
                                      </span>
              </a>
              <a href="#" class="list-group-item">
                <i class="fa fa-shopping-cart fa-fw"></i>已下新订单
                <span class="pull-right text-muted small"><em>9:49 AM</em>
                                      </span>
              </a>
              <a href="#" class="list-group-item">
                <i class="fa fa-money fa-fw"></i>收到的付款
                <span class="pull-right text-muted small"><em>昨天</em>
                                      </span>
              </a>
            </div>
            <!-- /.list-group -->
            <a href="#" class="btn btn-default btn-block">查看所有</a>
          </div>
          <!-- /.panel-body -->
        </div>
        <!-- /.panel -->
        <div class="panel panel-default">
          <div class="panel-heading">
            <i class="fa fa-bar-chart-o fa-fw"></i>圆环图示例
          </div>
          <div class="panel-body">
            <div class="chart" id="sales-chart" style="height: 300px; position: relative;"></div>
            <a href="#" class="btn btn-default btn-block">查看详细信息</a>
          </div>
          <!-- /.panel-body -->
        </div>
        <!-- /.panel -->
        <div class="chat-panel panel panel-default">
          <div class="panel-heading">
            <i class="fa fa-comments fa-fw"></i>闲聊
            <div class="btn-group pull-right">
              <button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">
                <i class="fa fa-chevron-down"></i>
              </button>
              <ul class="dropdown-menu slidedown">
                <li>
                  <a href="#">
                    <i class="fa fa-refresh fa-fw"></i>开始
                  </a>
                </li>
                <li>
                  <a href="#">
                    <i class="fa fa-check-circle fa-fw"></i>正常
                  </a>
                </li>
                <li>
                  <a href="#">
                    <i class="fa fa-times fa-fw"></i>公交
                  </a>
                </li>
                <li>
                  <a href="#">
                    <i class="fa fa-clock-o fa-fw"></i>所有
                  </a>
                </li>
                <li class="divider"></li>
                <li>
                  <a href="#">
                    <i class="fa fa-sign-out fa-fw"></i>退出
                  </a>
                </li>
              </ul>
            </div>
          </div>
          <!-- /.panel-heading -->
          <div class="panel-body">
            <ul class="chat">
              <li class="left clearfix">
                                      <span class="chat-img pull-left">
                                          <img src="http://placehold.it/50/55C1E7/fff" alt="User Avatar" class="img-circle" />
                                      </span>
                <div class="chat-body clearfix">
                  <div class="header">
                    <strong class="primary-font">杰克·斯派罗</strong>
                    <small class="pull-right text-muted">
                      <i class="fa fa-clock-o fa-fw"></i> 12分钟前
                    </small>
                  </div>
                  <p>
                    如果他处于痛苦之中，他将被认为是无助的。你可以在每一次锻炼中看到分娩的痛苦。女士们，先生们，办公室工作吗？这是我来的时候，除了你。现在的大部分时间，但他同意按照他说的去做，你应该去做。
                  </p>
                </div>
              </li>
              <li class="right clearfix">
                                      <span class="chat-img pull-right">
                                          <img src="http://placehold.it/50/FA6F57/fff" alt="User Avatar" class="img-circle" />
                                      </span>
                <div class="chat-body clearfix">
                  <div class="header">
                    <small class=" text-muted">
                      <i class="fa fa-clock-o fa-fw"></i> 13分钟前</small>
                    <strong class="pull-right primary-font">巴密克·帕特尔</strong>
                  </div>
                  <p>
                    如果他处于痛苦之中，他将被认为是无助的。你可以在每一次锻炼中看到分娩的痛苦。女士们，先生们，办公室工作吗？这是我来的时候，除了你。现在的大部分时间，但他同意按照他说的去做，你应该去做。
                  </p>
                </div>
              </li>
              <li class="left clearfix">
                                      <span class="chat-img pull-left">
                                          <img src="http://placehold.it/50/55C1E7/fff" alt="User Avatar" class="img-circle" />
                                      </span>
                <div class="chat-body clearfix">
                  <div class="header">
                    <strong class="primary-font">杰克</strong>
                    <small class="pull-right text-muted">
                      <i class="fa fa-clock-o fa-fw"></i> 14分钟前</small>
                  </div>
                  <p>
                    如果他处于痛苦之中，他将被认为是无助的。你可以在每一次锻炼中看到分娩的痛苦。女士们，先生们，办公室工作吗？这是我来的时候，除了你。现在的大部分时间，但他同意按照他说的去做，你应该去做。
                  </p>
                </div>
              </li>
              <li class="right clearfix">
                                      <span class="chat-img pull-right">
                                          <img src="http://placehold.it/50/FA6F57/fff" alt="User Avatar" class="img-circle" />
                                      </span>
                <div class="chat-body clearfix">
                  <div class="header">
                    <small class=" text-muted">
                      <i class="fa fa-clock-o fa-fw"></i> 15分钟前</small>
                    <strong class="pull-right primary-font">巴密克·帕特尔</strong>
                  </div>
                  <p>
                    如果他处于痛苦之中，他将被认为是无助的。你可以在每一次锻炼中看到分娩的痛苦。女士们，先生们，办公室工作吗？这是我来的时候，除了你。现在的大部分时间，但他同意按照他说的去做，你应该去做。
                  </p>
                </div>
              </li>
            </ul>
          </div>
          <div class="panel-footer">
            <div class="input-group">
              <input id="btn-input" type="text" class="form-control input-sm" placeholder="发送您的消息......" />
              <span class="input-group-btn">
                                      <button class="btn btn-warning btn-sm" id="btn-chat">
                                          发送
                                      </button>
                                  </span>
            </div>
          </div>
        </div>
      </div>
    </div>
    版权所有 &copy; 2023.chang
  </div>
</div>
<script src="../js/index.js"></script>
</body>

</html>

